
<div class="m_ads">
    <!--case word-->
    <div class="text m_mn  wow fadeIn ">
        <span >案例</span>
        <span>case</span>
        <div class="xt"></div>
    </div>
</div>
<!--lunbo-->
<div class="m_main2">
    <div class="m_all">
        <!--轮播容器-->
        <div class="carousel slide" id="carousel">
            <!-- 控制小点(data-slide-to="0";相当于索引值index=0)-->
            <ol class="parent carousel-indicators">
                <li data-target="#carousel" data-slide-to="0"></li>
                <li data-target="#carousel" data-slide-to="1"></li>
            </ol>
            <!-- 内容区-->
            <div class="carousel-inner">
                <div class="item  active">
                    <div class="m_top">
                        <div class="m_top_left">
                            <div class="top wow fadeInDown animated"
                                 data-wow-duration="1s"
                                 data-wow-delay=".5s"
                                 animation-duration="1s"
                                 animattion-delay=".5s"
                                 ><img src="./img/case/2.jpg" alt="Walleva"></div>
                            <div class="bottom wow fadeInUp animated"
                                 data-wow-duration="1s"
                                 data-wow-delay=".5s"
                                 animation-duration="1s"
                                 animattion-delay=".5s"><img src="./img/case/4.jpg" alt="广州市公安局警察训练部"></div>
                        </div>
                        <div class="m_top_middle wow flipInX animated" data-wow-delay="1s" data-wow-duration=".5s"
                             animation-duration="1s"
                             animattion-delay=".5s"><div><img src="./img/case/1.jpg" alt="拓奇"></div></div>
                        <div class="m_top_right">
                            <div class="top wow fadeInDown animated"
                                 data-wow-duration="1s"
                                 data-wow-delay=".5s"
                                 animation-duration="1s"
                                 animattion-delay=".5s"><img src="./img/case/5.jpg" alt="铜方圆"></div>
                            <div class="bottom wow fadeInUp animated"
                                 data-wow-duration="1s"
                                 data-wow-delay=".5s"
                                 animation-duration="1s"
                                 animattion-delay=".5s"><img src="./img/case/3.jpg" alt="汉方凝秀"></div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <!--<img src="1.jpg" alt="2"/>-->
                    <div class="m_top">
                        <div class="m_top_left">
                            <div class="top wow fadeInDown animated"
                                 data-wow-duration="1s"
                                 data-wow-delay=".5s"
                                 animation-duration="1s"
                                 animattion-delay=".5s"><img src="./img/case_b2.jpg" alt="翔程艺考"></div>
                            <div class="bottom wow fadeInUp animated"
                                 data-wow-duration="1s"
                                 data-wow-delay=".5s"
                                 animation-duration="1s"
                                 animattion-delay=".5s"><img src="./img/case_b4.jpg" alt="DECO"></div>
                        </div>
                        <div class="m_top_middle wow  flipInX animated"
                                data-wow-duration="1s"
                        data-wow-delay=".5s"
                             animation-duration="1s"
                             animattion-delay=".5s"><img src="./img/case_b1.jpg" alt="英奈特"></div>
                        <div class="m_top_right">
                            <div class="top wow fadeInDown animated"
                                 data-wow-duration="1s"
                                 data-wow-delay=".5s"
                                 animation-duration="1s"
                                 animattion-delay=".5s"><img src="./img/case_b3.jpg" alt="慕朗文化"></div>
                            <div class="bottom wow fadeInUp animated"
                                 data-wow-duration="1s"
                                 data-wow-delay=".5s"
                                 animation-duration="1s"
                                 animattion-delay=".5s"><img src="./img/case_b5.jpg" alt="冠众"></div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <!---->
        <div class="m_bottom">
            <div class="left">
                <span><a href="#" title="网站案例">网站案例</a></span>
                <span><a href="#" title="购物商城案例">购物商城案例</a></span>
                <span><a href="#" title="移动应用案例">移动应用案例</a></span>
                <span><a href="#" title="知名客户">知名客户</a></span>
            </div>
            <div class="right">
                <form id="form">
                    <div>
                        <input type="text" id="input">
                        <input type="hidden">
                        <button type="button"  id="btn"></button>
                    </div>

                </form>
            </div>
        </div>
    </div>
</div>

<!---->
<div class="m_mian3">
    <div class="m_whole">
        <div class="whole">
            <ul>
                <li>
                    <div class="pic-box">
                        <a   class="wow fadeIn" href="#" title="广州城市通物流科技股份有限公司">
                            <img id="img" src="./img/case/case_name_1.jpg" alt="广州城市通物流科技股份有限公司" >
                            <div class="words">广州城市通物流科技股份有限公司</div>
                        </a>
                        <div class="text">
                            <div class="box">
                                <div class="title">广州城市通物流科技股份有限公司</div>
                                <div class="xt"></div>
                                <div class="txt">广州城市通物流科技股份有限公司于2016年03月14日在广州市工商行政管理局登记成立。法定代表人夏国志，公司...</div>
                                <div class="more"></div>
                                <!--more-->
                            </div>
                        </div>
                    </div>
                    <div class="info">
                        <span>行业：贸易、外贸、物流</span>
                        <span class="span_bj"></span>
                    </div>
                </li>
                <li>
                    <div class="pic-box">
                        <a href="#" title="广东北秦云联电气技术有限公司" >
                            <img src="./img/case/case_name_2.jpg" alt="广东北秦云联电气技术有限公司">
                            <div class="words">广东北秦云联电气技术有限公司</div>
                        </a>
                        <div class="text">
                            <div class="box">
                                <div class="title">广东北秦云联电气技术有限公司</div>
                                <div class="xt"></div>
                                <div class="txt">广东北秦云联电气技术有限公司成立于2015年，是一家专业提供互联网+消防智能产品的防消一体化的安全管理服务..</div>
                                <div class="more"></div>
                                <!--more-->
                            </div>
                        </div>
                    </div>
                    <div class="info">
                        <span>行业：IT、软件、通讯</span>
                        <span class="span_bj"></span>
                    </div>
                </li>
                <li>
                    <div class="pic-box">
                        <a href="#" title="广州奥普兰舞台灯光设备有限公司">
                            <img src="./img/case/case_name_3.jpg" alt="广州奥普兰舞台灯光设备有限公司">
                            <div class="words">广州奥普兰舞台灯光设备有限公司</div>
                        </a>
                        <div class="text">
                            <div class="box">
                                <div class="title">广州奥普兰舞台灯光设备有限公司</div>
                                <div class="xt"></div>
                                <div class="txt">广州奥普兰舞台灯光设备有限公司成立于2003年，是一家集研发、生产、销售、服务于一体的综合型灯光企业，产...</div>
                                <div class="more"></div>
                                <!--more-->
                            </div>
                        </div>
                    </div>
                    <div class="info">
                        <span>行业：机械、设备、零配件</span>
                        <span class="span_bj"></span>
                    </div>
                </li>
                <li>
                    <div class="pic-box">
                        <a href="#" title="广州市公安局警察训练部">
                            <img src="./img/case/case_name_4.jpg" alt="广州市公安局警察训练部">
                            <div class="words">广州市公安局警察训练部</div>
                        </a>
                        <div class="text">
                            <div class="box">
                                <div class="title">广州市公安局警察训练部</div>
                                <div class="xt"></div>
                                <div class="txt">广州市公安局警察训练部.</div>
                                <div class="more"></div>
                                <!--more-->
                            </div>
                        </div>
                    </div>
                    <div class="info">
                        <span>行业：政府、事业、单位</span>
                        <span class="span_bj"></span>
                    </div>
                </li>
                <li>
                    <div class="pic-box">
                        <a href="#" title="广州广钢金业集团有限公司">
                            <img src="./img/case/case_name_5.jpg" alt="广州广钢金业集团有限公司">
                            <div class="words">广州广钢金业集团有限公司</div>
                        </a>
                        <div class="text">
                            <div class="box">
                                <div class="title">广州广钢金业集团有限公司</div>
                                <div class="xt"></div>
                                <div class="txt">广州广钢金业集团有限公司（简称“金业集团”）成立于2010年7月8日，现有员工970人，是一家集生产...</div>
                                <div class="more"></div>
                                <!--more-->
                            </div>
                        </div>
                    </div>
                    <div class="info">
                        <span>行业：汽车、运输、汽配</span>
                        <span class="span_bj"></span>
                    </div>
                </li>
                <li>
                    <div class="pic-box">
                        <a href="#" title="广东新和盈生物科技有限公司" >
                            <img src="./img/case/case_name_6.jpg" alt="广东新和盈生物科技有限公司">
                            <div class="words">广东新和盈生物科技有限公司</div>
                        </a>
                        <div class="text">
                            <div class="box">
                                <div class="title">广东新和盈生物科技有限公司</div>
                                <div class="xt"></div>
                                <div class="txt">广东新和盈生物科技有限公司(以下简称新和盈)成立于2015年8月，公司汇聚了以国家水禽产业技术体系岗位科学家....</div>
                                <div class="more"></div>
                                <!--more-->
                            </div>
                        </div>
                    </div>
                    <div class="info">
                        <span>行业：宠物、畜牧、饲料</span>
                        <span class="span_bj"></span>
                    </div>
                </li>
                <li>
                    <div class="pic-box">
                        <a href="#" title="TOPKITCH">
                            <img src="./img/case/case_name_7.jpg" alt="TOPKITCH">
                            <div class="words">TOPKITCH</div>
                        </a>
                        <div class="text">
                            <div class="box">
                                <div class="title">TOPKITCH</div>
                                <div class="xt"></div>
                                <div class="txt">关于TOPKITCH

                                    　　TOPKITCH一直以来，致力于为商用厨房提供高性能设备，以卓越设计、性能和精湛工艺著称...</div>
                                <div class="more"></div>
                                <!--more-->
                            </div>
                        </div>
                    </div>
                    <div class="info">
                        <span>行业：机械、设备、零配件</span>
                        <span class="span_bj"></span>
                    </div>
                </li>
                <li>
                    <div class="pic-box">
                        <a href="#" title="广州冠众电子科技股份有限公司">
                            <img src="./img/case/case_name_8.jpg" alt="广州冠众电子科技股份有限公司">
                            <div class="words">广州冠众电子科技股份有限公司</div>
                        </a>
                        <div class="text">
                            <div class="box">
                                <div class="title">广州冠众电子科技股份有限公司</div>
                                <div class="xt"></div>
                                <div class="txt">广州冠众电子科技股份有限公司是一家以商用显示研发、生产、销售起家的高新技术企业。在全国拥有近20家分支...</div>
                                <div class="more"></div>
                                <!--more-->
                            </div>
                        </div>
                    </div>
                    <div class="info">
                        <span>行业：广告、媒体、票务</span>
                        <span class="span_bj"></span>
                    </div>
                </li>
                <li>
                    <div class="pic-box">
                        <a href="#" title="广州点屏信息技术有限公司">
                            <img src="./img/case/case_name_9.jpg" alt="广州点屏信息技术有限公司">
                            <div class="words">广州点屏信息技术有限公司</div>
                        </a>
                        <div class="text">
                            <div class="box">
                                <div class="title">广州点屏信息技术有限公司</div>
                                <div class="xt"></div>
                                <div class="txt">点屏传媒专注于户外、生活圈等视频媒体领域，旨在为广大广告主及媒体运营商提供无缝式对接、广告精准投放的...</div>
                                <div class="more"></div>
                                <!--more-->
                            </div>
                        </div>
                    </div>
                    <div class="info">
                        <span>行业：广告、媒体、票务</span>
                        <span class="span_bj"></span>
                    </div>
                </li>
                <li>
                    <div class="pic-box">
                        <a href="#" title="TalentGuide">
                            <img src="./img/case/case_name_10.jpg" alt="TalentGuide">
                            <div class="words">TalentGuide</div>
                        </a>
                        <div class="text">
                            <div class="box">
                                <div class="title">TalentGuide</div>
                                <div class="xt"></div>
                                <div class="txt">TalentGuide是一家由全球顶尖人力资源管理咨询公司顾问组成的、致力于搭建大学生和企业之间的桥梁、帮助青年...</div>
                                <div class="more"></div>
                                <!--more-->
                            </div>
                        </div>
                    </div>
                    <div class="info">
                        <span> 行业：咨询、顾问、翻译</span>
                        <span class="span_bj"></span>
                    </div>
                </li>
                <li>
                    <div class="pic-box">
                        <a href="#" title="广州瑞辉生物科技股份有限公司" >
                            <img src="./img/case/case_name_11.jpg" alt="广州瑞辉生物科技股份有限公司">
                            <div class="words">广州瑞辉生物科技股份有限公司</div>
                        </a>
                        <div class="text">
                            <div class="box">
                                <div class="title">广州瑞辉生物科技股份有限公司</div>
                                <div class="xt"></div>
                                <div class="txt">  广州瑞辉生物科技股份有限公司：于2008年创办，2012年正式成立，2015年完成股改，注册资本1028万元。....</div>
                                <div class="more"></div>
                                <!--more-->
                            </div>
                        </div>
                    </div>
                    <div class="info">
                        <span> 行业：医疗、药品、保健</span>
                        <span class="span_bj"></span>
                    </div>
                </li>
                <li>
                    <div class="pic-box">
                        <a href="#" title="广州市禁毒教育馆">
                            <img src="./img/case/case_name_12.jpg" alt="">
                            <div class="words">广州市禁毒教育馆</div>
                        </a>
                        <div class="text">
                            <div class="box">
                                <div class="title">广州市禁毒教育馆</div>
                                <div class="xt"></div>
                                <div class="txt">广州市禁毒教育馆是我市唯一一个永久性的，公益性的禁毒宣传教育基地。该馆自2007年3月14日正式对外开放以来...</div>
                                <div class="more"></div>
                                <!--more-->
                            </div>
                        </div>
                    </div>
                    <div class="info">
                        <span>行业：政府、事业、单位</span>
                        <span class="span_bj"></span>
                    </div>
                </li>

            </ul>
        </div>
    </div>

</div>

<!--分页-->
<div class="between-page">
    <div class="page">
        <ul class="ul-all " id="test-click">
            <li><a href="javascript:;">上一页</a></li>
            <li><a href="javascript:;">1</a></li>
            <li><a href="javascript:;">2</a></li>
            <li><a href="javascript:;">3</a></li>
            <li><a href="javascript:;">4</a></li>
            <li><a href="javascript:;">5</a></li>
            <li><a href="javascript:;">6</a></li>
            <li><a href="javascript:;">7</a></li>
            <li><a href="javascript:;">8</a></li>
            <li><a href="javascript:;">9</a></li>
            <li><a href="javascript:;">10</a></li>
            <li><a href="javascript:;">下一页</a></li>
            <li><a href="javascript:;">末页</a></li>

        </ul>
    </div>
</div>
<!--分页-->


<!--script-->
<script>
   //----carousel
    $('#carousel').carousel({
        interval:2000
    });
//
//   $(function () {
//       $('#btn').click(function () {
//          // alert(1);
//           //自定页
////           layer.open({
////               type: 1,
////               skin: 'layui-layer-demo', //样式类名
////               closeBtn: 1, //不显示关闭按钮
////               anim: 2,
////               shadeClose: true, //开启遮罩关闭
////               content: '内容'
////           });
//       })
//   });

//------点击按钮改变背景颜色
   $(function(){
       $("#test-click li").click(function() {
           $(this).addClass('selected');                            // 添加当前元素的样式
           $(this).siblings().removeClass('selected');
       });
   });

    //

</script>
<script>
    $(function () {
        console.log(document.readyState);
        if(document.readyState=="complete"){
            $('.loading').hide();
        }
    });
</script>


